.sf-menu {width:100%; position:absolute; top:0px; left:0px; margin:0; padding:0; z-index:3; background:url(../images/nav-tail.jpg) 0 bottom repeat-x;}
.sf-menu > li {
	float:left; 
	margin:0;
	text-transform:uppercase;
	position:relative;
}
.sf-menu > li > a {
	display:block;
	font-size:18px;
	line-height:22px;
	color:#fcfcfc;
	text-decoration:none;
	position:relative;
	background:url(../images/menu-left.jpg) 0 16px no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.sf-menu > li > a strong {display:inline-block; padding:0 1px; background:url(../images/menu-right.jpg) right 16px no-repeat;}
.sf-menu > li > a strong strong {height:41px; padding:33px 19px 0; background:none; cursor:pointer;}
.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu li a.current {background:url(../images/menu-left.jpg) 0 bottom no-repeat;}
.sf-menu li a:hover strong, .sf-menu li.sfHover a strong, .sf-menu li a.current strong {background:url(../images/menu-right.jpg) right bottom no-repeat;}
.sf-menu li a:hover strong strong, .sf-menu li.sfHover a strong strong, .sf-menu li a.current strong strong {background:url(../images/menu-tail.jpg) 0 0 repeat-x;}

/***********************submenu***********************/
.sf-menu ul {
	display:none;
	position:absolute;
	width:139px;
	padding:13px 18px 17px;
	background:url(../images/submenu-bg.jpg) 0 0 no-repeat;
	z-index:200;
}
.sf-menu ul li {width:100%; margin:0; text-transform:none; position:relative;}
.sf-menu li:hover li a, .sf-menu li.sfHover li a {
	display:inline-block;
	font-size:12px;
	line-height:25px;
	color:#9f9d9d;
	text-decoration:none; 
	position:relative;
	background:none;
}
.sf-menu li li a:hover, .sf-menu li li.sfHover a {background:none; color:#fdfdfd;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:74px; z-index:99;}

/***********************submenu2***********************/
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:145px; top:0px;}
.sf-menu li li.sfHover li a {
	display:block;
	font-size:14px;
	line-height:34px;
	color:#000;
	font-weight:400;
	text-decoration:none; 
	position:relative;
	background:url(../images/submenu-left.png) left 0 no-repeat;
}
.sf-menu li li.sfHover li a:hover {background:url(../images/submenu-left.png) 0 bottom no-repeat; color:#fff;}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;}